const path = require('path');
const VueLoaderPlugin = require('vue-loader/lib/plugin');
module.exports = {
  entry: './src/main.js',
  output: {
      path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
	module:{//这个节点用于配置所以的第三方模块加载器
		rules:[
			//配置以.css结尾的用style css 处理器，从右到左匹配
			{test: /\.css$/,use:['style-loader','css-loader']},
			{ test: /\.scss$/, use: ['style-loader', 'css-loader', 'sass-loader'] },
			//配置图片loader
			//limit 当图片大小大于10000时，使用文件地址，小于时，使用（base64（防止二次请求））
			//name 是使用原先的名字
			{test:/\.png$/,use:'url-loader?limit=10000&name=[name].[ext]'},
			{test:/\.eot|svg|ttf|woff|woff2$/,use:'url-loader'},
			{test:/\.js$/,use:'babel-loader',exclude:/node_modules/},
			{test:/\.vue$/,use:'vue-loader'}
		]
	},
	resolve:{
		alias:{
			// "vue$":"vue/dist/vue.js"
		}
	},
	plugins:[
    new VueLoaderPlugin() // +++
  ]
};
